﻿
// global variables
var selectedItem;

//---------------functions------------------------------------------------//

function openLock(id) {
    if (selectedItem === "roomkey_" + id) {


        document.getElementById('lock_' + id).src = "Content/Images/Home/lock-open.png";
        setTimeout(function () { openDoor(id) }, 1000);
    }
}

function openDoor(id) {
    document.getElementById('lock_' + id).style.visibility = "hidden";
    document.getElementById('doorNum_' + id).style.visibility = "hidden";

    // set door link to be active
    document.getElementById('doorToOpen_' + id).innerHTML = '<a href="/Room/OpenRoom/' + id + '" data-ajax="false"><img id="door_' + id + '" src="../../Content/Images/Home/door-open.jpg"></a>';
}

function collectFirstKey() {
    document.getElementById('firstKey').style.visibility = "hidden";

    document.getElementById('item_1').innerHTML = '<img src="Content/Images/Container/key.png" />';
}

function selectItem(id) {
    if (document.getElementById('item_' + id).style.backgroundColor == 'orange') {
        // deselect item
        document.getElementById('item_' + id).style.backgroundColor = "";
        selectedItem = null;
    }
    else {
        document.getElementById('item_' + id).style.backgroundColor = 'orange';

        $.ajax({
            url: "Home/GetItemName",
            data: { Id: id },
            success: function (item) {
                selectedItem = item;
            }
        });
    }
}

function loadItems() {
    $.ajax({
        url: "Home/GetItemsNames",
        success: function (names) {
            var arr = new Array();
            arr = names.split(",");

            for (var i = 1; i <= 9; i++) {
                if (arr[i] != "") {
                    document.getElementById('item_' + i).innerHTML = '<img src="Content/Images/Container/key.png" />';
                }
            }            
        }
    });

    //$.ajax({
    //    url: "Home/GetItemName",
    //    data: { Id: 2 },
    //    success: function (item) {
    //        if (item != null) {
    //            document.getElementById('item_' + 2).innerHTML = '<img src="Content/Images/Container/key.png" />';
    //        }
    //    }
    //});

    //$.ajax({
    //    url: "Home/GetItemName",
    //    data: { Id: 3 },
    //    success: function (item) {
    //        if (item != null) {
    //            document.getElementById('item_' + 3).innerHTML = '<img src="Content/Images/Container/key.png" />';
    //        }
    //    }
    //});

    //$.ajax({
    //    url: "Home/GetItemName",
    //    data: { Id: 4 },
    //    success: function (item) {
    //        if (item != null) {
    //            document.getElementById('item_' + 4).innerHTML = '<img src="Content/Images/Container/key.png" />';
    //        }
    //    }
    //});

    //$.ajax({
    //    url: "Home/GetItemName",
    //    data: { Id: 5 },
    //    success: function (item) {
    //        if (item != null) {
    //            document.getElementById('item_' + 5).innerHTML = '<img src="Content/Images/Container/key.png" />';
    //        }
    //    }
    //});

    //$.ajax({
    //    url: "Home/GetItemName",
    //    data: { Id: 6 },
    //    success: function (item) {
    //        if (item != null) {
    //            document.getElementById('item_' + 6).innerHTML = '<img src="Content/Images/Container/key.png" />';
    //        }
    //    }
    //});

    //$.ajax({
    //    url: "Home/GetItemName",
    //    data: { Id: 7 },
    //    success: function (item) {
    //        if (item != null) {
    //            document.getElementById('item_' + 7).innerHTML = '<img src="Content/Images/Container/key.png" />';
    //        }
    //    }
    //});

    //$.ajax({
    //    url: "Home/GetItemName",
    //    data: { Id: 8 },
    //    success: function (item) {
    //        if (item != null) {
    //            document.getElementById('item_' + 8).innerHTML = '<img src="Content/Images/Container/key.png" />';
    //        }
    //    }
    //});

    //$.ajax({
    //    url: "Home/GetItemName",
    //    data: { Id: 9 },
    //    success: function (item) {
    //        if (item != null) {
    //            document.getElementById('item_' + 9).innerHTML = '<img src="Content/Images/Container/key.png" />';
    //        }
    //    }
    //});
}
